const path = require('path') // 引入path模块
function resolve(dir) {
  //path.join(__dirname)设置绝对路径；配置路径
  return path.join(__dirname, dir)
}

module.exports = {
  // 部署开发环境和生产环境
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/',

  // 输出目录
  outputDir: 'dist',

  // 静态资源
  assetsDir: 'assets',

  //打包减小体积,去除.map文件
  productionSourceMap: false,
  devServer: {
    // host: '192.168.2.177', // 主机名
    // port: 8080, // 端口号
    open: true, // 浏览器自动打开
    proxy: {
      '/api': {
        //接口地址
        target: 'http://192.168.2.174:8087',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  },

  css: {
    // 默认情况下，只有 *.module.[ext] 结尾的文件才会被视作 CSS Modules 模块。设置为 false 后你就可以去掉文件名中的 .module 并将所有的 *.(css|scss|sass|less(us)?) 文件视为 CSS Modules 模块。
    requireModuleExtension: true,
    // 默认生产环境下是 true，开发环境下是 false
    // 当为true的时候，更改vue的css浏览器不刷新；为false的时候刷新
    extract: false,
    // 开启 CSS source maps?为false,减少css打包体积
    sourceMap: false
  },

  chainWebpack: config => {
    // 修改文件引入自定义路径
    config.resolve.alias.set('@', resolve('src')).set('style', resolve('src/images'))
  }
}
